<template>
    <div>
        <h1>自定义指令</h1>
        <input v-focus ref="inp" type="text">
    </div>
</template>

<script>
export default {
    // mounted() {
    //     this.$refs.inp.focus()
    // }

    // 2.局部注册指令 - 只能在当前组件使用
    directives: {
        focus: {
            // inserted 会在指令所在的元素被插入到页面中时触发
            inserted(el) {
                console.log(el)
                el.focus()
            }
        }
    }

}
</script>

<style>

</style>